<template>
  <div class="hot-level" title="hot-level">
    <svg>
      <use href="#icon-hot" />
    </svg>
    <span>{{hotLevel}}</span>
  </div>
</template>

<script>
import "@/assets/icons/hot.svg";

export default {
  name: "HotLevel",
  props: {
    hotLevel: Number
  }
};
</script>

<style scoped lang="scss">
.hot-level {
  display: flex;
  align-items: center;
}
</style>
